<div class="page-content">
 <form id="BookformSubmit">
  <div class="list-li">
    <div class="ul">
    
    <div class="li"  bindtap='openlocation'>
        <span class="li-input-text">店名</span>
        <label class="li-input" for="shop_name">
           <div class="picker">
              <span class="light mg0" v-if="shop_name==''">选择门店</span> {{shop_name}}
            </div>
           <input type="text" class="hidden" name="" id="shop_name">
        </label>
      </div>

       
      <div class="li">
        <span class="li-input-text">到店时间</span>
        <label class="li-input" for="time">
          
            <div class="picker">
              <span class="light mg0" v-if="book_time==''">请选择到店时间</span> {{book_time}}
            </div>
             <input type="text" class="hidden" name="" id="time">
         
        </label>
      </div>

      <div class="li">
        <span class="li-input-text">预约类型</span>
        <label  class="li-input" for="dining_table">
          
            <!-- <input type='digit' placeholder-class="textareaClass" placeholder="邀请好友参加享受优惠" maxlength="3" value='{{discount}}'></input> -->
            <span class="light mg0" v-if="dining_table==''">选择预约类型</span> {{dining_table}}
          
          <input type="text" class="hidden" name="" id="dining_table">
        </label>
      </div>

       <div class="li mgt10">
        <span class="li-input-text">人数</span>
        <label class="li-input" for="people">
          
            <span class="light mg0" v-if="people==''">选择人数</span> {{people}}
           
          <input type="text" class="hidden" name="" id="people">
        </label>
      </div>

      <div class="li ">
        <span class="li-input-text">联系人</span>
        <div class="li-input">
          <input type='text' placeholder-class="textareaClass" placeholder="请输入联系人称呼" maxlength="8"  :value='user_info.nickname' name="contacts"></input>
        </div>
      </div>

       <div class="li ">
        <span class="li-input-text">联系电话</span>
        <div class="li-input">
          <input type='digit' placeholder-class="textareaClass" placeholder="请输入联系电话" maxlength="11" :value='user_info.phone' name="phone"></input>
        </div>
      </div>


      <div class="li mgt10">
        <span class="li-input-text">备注</span>
        <div class="li-input">
          <input type='text' placeholder-class="textareaClass" placeholder="备注信息" maxlength="200" name="remark"></input>
        </div>
      </div>
    </div>

<div class='charge-box'>
 
<div class='charge-item' v-for="charge in data.other_charge">
 <div class="charge-item-left">{{charge.name}}</div>
 <div class="charge-item-right">{{charge.showPrice}}</div>
  <div class="clear"></div>
</div>
 
</div>


  </div>

 <div   class='charge-item bgw pd10 chooseCard' @click="chooseCard" >
 <div class="charge-item-left">{{card_title?"选择："+card_title:'优惠券码'}}</div>
 <div class="charge-item-right">选择优惠</div>
  <image class='arrowright' src='/pages/shop/images/arrowright.png'></image>
  <div class="clear"></div>
</div>
<div style='height:220rpx'></div>

 

<div class="goods-bottom" >
    <div class="goods-bottom-left"> ¥{{order_amount}}  
    <span class="light" v-if="data.discounts>0">| 已优惠{{data.discounts}}元</span> 
    </div>
    <div   @click="formSubmit"  :class="disabled==1?'goods-bottom-right btn disabled':'goods-bottom-right btn'"   >立即预约</div>
</div>
</form>   
</div>